
.searchArea {
	
}
.mui-content .mui-fullscreen.mui-slider .mui-slider-group{
	top: 0;
	padding: 0;
}
#wrapper{
	top: calc(var(--searchHeight) + 44px);
}
.mui-table-view-cell {
	flex-wrap: wrap;
	font-size: 0.875rem;
	margin-top: 0;
	box-shadow: 0 0px 0px white;
}
.queTitle{
	width: 100%;
	display: flex;
}
.queContent{
	line-height: 1.5;
	font-size: 14px;
	font-weight: 600;
	width: calc(100% - 60px)
}
.status{
	width: 60px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	font-size: 14px;
	color: red;
	text-align: center;
	border: solid 1px red;
}
.status.statusY{
	color: #ccc;
	border-color: #ccc;
}
.status.statusN{
	color: Coral;
	border-color: Coral;
}
.timeInfo{
	font-size: 12px;
	color: gray;
	margin-top: 0.4rem;
}
.openBtn{
	float: right;
	font-size: 13px;
	display: flex;
}
.openBtn img{
	width: 10px!important;
	margin-left: 5px;
	-webkit-transition: -webkit-transform .4s;
	transition: transform .4s;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
}
.mui-table-view-cell.dhc-active .openBtn img{
	transform: rotate(180deg);
}
.mui-table-view-cell.dhc-active .ansArea{
	display: block;
}
.mui-table-view-cell input[type='text']{
	height: auto;
	margin: 0;
	font-size: 15px;
	border: 1px solid #eee;
}
.ansArea{
	display: none;
	border: 1px solid #eee;
	border-radius: 6px;
	margin-top: var(--size10);
	overflow: hidden;
	font-size: var(--size15);
	padding: var(--size10);
}

.ansArea .answer{
	margin: 0;
	font-size: 14px;
	border: 0;
	border-radius: 0;
	background-color: white;
	min-height: 90px;
	width:100%;
	
}
.ansArea .answer .imgDiv{
	position: relative;
}
.ansArea .answer .imgDiv .deleteIcon{
	position: absolute;
	border-radius: 5px;
	background-color: red;
	color: white;
	width: 10px;
	height: 10px;
	font-size: 16px;
	line-height: 20px;
	right: 5px;
	top: 5px;
	text-align: center;
}
.ansArea .answer .imgDiv img{
	padding: 0;
}
.ansArea .answer:empty:before{
    content:attr(placeholder);
    font-size: 13px;
    color: #999;
}
.ansArea .answer:focus:before{
    content:none;
}

.ansArea .btnArea{
	padding: var(--size10) 0;
}
.ansArea .btnArea .publishBtn,
.ansArea .btnArea .saveBtn
{
	text-align: center;
	font-size: 15px;
	float: right;
	background-color: white;
	color: var(--mainColor);
}
.ansArea .btnArea .publishBtn{
	color: white;
	background-color: var(--mainColor);
	margin-left: var(--size10);
}



.thumbAdd{
	position: relative;
	width: calc(20% - 12.5px);
	margin-top: 10px;
	margin-left: 10px;
	background: #F3F3F3;
	border: solid lightgray 1px;
	border-radius: 5px;
}
.thumbAdd img{
	position: relative;
	width: 60px;
	height: 60px;
	top: calc(50% - 30px);
	left: calc(50% - 30px);
}
.thumbAdd input{
	position: absolute;
	top: 10%;
	left: 10%;
	z-index: 9;
	opacity: 0;
	width: 80%;
	height: 80%;
	background: wheat;
}
img{
	max-width: 100%!important;
	margin: 10px 0;
}